﻿validateUser(SAPUserStore); //validar login de usuario

var listaStockCursoPanelTBT = new Ext.Toolbar({
    id: 'listaStockCursoPanelTBT',
    ui: 'action',
    defaults:
	{
	    xtype: 'button',
	    flex: 1,
	    ui: 'plain',
	    iconMask: true
	},
	items: [
    {
	    text: 'Fecha'
	},
    {
        text: 'Material'
    },
	{
	    text: 'Descripción'
	},
	{
	    text: 'UM'
	},
	{
	    text: 'Disponibilidad'
	}

]
});
var listaDetDocPanelTBT = new Ext.Toolbar({
    title: 'Stock en curso',
    items: [
	{
	    xtype: 'button',
	    ui: 'back',
	    text: 'Volver',
	    iconCls: 'reply',
	    iconMask: true,
	    handler: function() {
	    window.open("stockcurso.html", "_self");
	    }
}]
});
//---------------------------------------------------
var listaStockCursoDoc = new Ext.List({
    id: 'listaDet',
    store: StockCursoStore,
    itemTpl:
	'<table style="width: 100%;">' +
	    '<tr>' +
		    '<td style="width: 20%; text-align: left; font-size:small">' +
		    '{LFDAT}' +
		    '</td>' +
		    '<td style="width: 20%; text-align: center; font-size:small">' +
		    '{MATNR}' +
		    '</td>' +
		    '<td style="width: 20%; text-align: center; font-size:small">' +
		    '{MAKTX}' +
		    '</td>' +
		    '<td style="width: 20%; text-align: center; font-size:small">' +
		    '{MEINS}' +
		    '</td>' +
		    '<td style="width: 20%; text-align: center; font-size:small">' +
		    '{MENGE}' +
		    '</td>' +
	    '</tr>' +
    '</table>',
    listeners: {
        'render': function(thisComponent) {
            thisComponent.getStore().load();
        }
    }
});

var listaStockCursoPanel = new Ext.Panel({
    id: 'listaStockCursoPanel',
    fullscreen: true,
    layout: 'fit',
    dockedItems: [listaDetDocPanelTBT,listaStockCursoPanelTBT],
    items: [listaStockCursoDoc]
});

var formStockCursoDoc = new Ext.form.FormPanel({
    id: 'formStockCursoDoc',
    fullscreen: true,
    dockedItems: [
    {
        xtype: 'toolbar',
        title: 'Stock en Curso',
        items: [
	    {
	        xtype: 'button',
	        ui: 'back',
	        text: 'Volver',
	        iconCls: 'reply',
	        iconMask: true,
	        handler: function() {
	            window.open("menu.html", "_self");
	        }
	    },
	    {
	        xtype: 'spacer'
	    },
	    {
	        xtype: 'button',
	        ui: 'confirm',
	        text: 'Continuar',
	        iconCls: 'action',
	        iconMask: true,
	        handler: function() {
	            //limpiamos el stock en curso
	            StockCursoStore.getProxy().clear();
	            StockCursoStore.data.clear();
	            StockCursoStore.sync();
	            prepareForm(formStockCursoDoc);
	            SAPUserStore.load();
	            formStockCursoDoc.submit({
	                method: 'POST',
	                url: hostValue + '/stock.aspx',
	                waitMsg: { message: 'Conectando ...', cls: 'demos-loading' },
	                success: function(form, action) {
	                    if (action.success) {
	                        for (var i = 0; i < action.lstStockCurso.length; i++) {
	                            var StockCurso = action.lstStockCurso[i];
	                            StockCursoStore.add(StockCurso);
	                        }
	                        StockCursoStore.sync();
	                        StockCursoView.setActiveItem('listaStockCursoPanel', { type: 'slide', direction: 'left' });
	                    }
	                }
	            });
	        }
}]
}],
        items: [
       /* {
            xtype: 'textfield',
            name: 'VBELN',
            useClearIcon: true,
            label: 'Número de Documento:',
            placeHolder: 'Ingrese Nro. de Documento',
            listeners: {
                'render': function(thisComponent) {
                    //var variable = estadoStore.last().data.Valor;
                    //if (variable != 'nada' && variable != 'crear' && variable != 'mod' && variable != 'ver') {
                    //  thisComponent.setValue(variable);
                    //}
                }
            }
        },*/
        {
            xtype: 'textfield',
            name: 'MATNR',
            useClearIcon: true,
            label: 'Código de Material:',
            placeHolder: 'Ingrese Código de Material'
        },
       /* {
            xtype: 'textfield',
            name: 'MAKTX',
            useClearIcon: true,
            label: 'Descripción de Material:',
            placeHolder: 'Ingrese Descripción de Material'
        },*/
	    {
	        xtype: 'datepickerfield',
	        label: 'Fecha Inicio:',
	        name: 'LFDAT_INI',
	        //value: consultaDocStore.last().data.fechaInicio,
	        picker: {
	            doneButton: 'Aceptar',
	            cancelButton: 'Cancelar',
	            slotOrder: ['day', 'month', 'year'],
	            useClearIcon: true,
	            hideOnMaskTap: true,
	            yearFrom: 2010
	        }
	    },
	    {
	        xtype: 'datepickerfield',
	        label: 'Fecha fin:',
	        name: 'LFDAT_FIN',
	        //value: consultaDocStore.last().data.fechaFin,
	        picker: {
	            doneButton: 'Aceptar',
	            cancelButton: 'Cancelar',
	            slotOrder: ['day', 'month', 'year'],
	            useClearIcon: true,
	            hideOnMaskTap: true,
	            yearFrom: 2010
	        }
	    }],
        listeners: {
            'render': function(thisComponent) {
                //                if (variableFlujoStore.getCount() > 0) {
                //                    var field = formFlujoDoc.items.items[0];
                //                    var doc = variableFlujoStore.last().data.Valor;
                //                    field.setValue(doc);
                //                }
            }
        }
    });

StockCursoView = Ext.extend(Ext.Panel,
{
    id: 'StockCursoView',
    fullscreen: true,
    layout: 'card',
    cardAnimation: 'slide',
    scroll: 'vertical',
    items: [formStockCursoDoc, listaStockCursoPanel]
});

Ext.reg('StockCursoView', StockCursoView);